<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS</title>
    <link rel="stylesheet" type="text/css" href="../CSS/CSS.css">
    <script>
        window.onload =function () {
            document.getElementById('btn').onclick = function () {
                alert('hello!')
            }
        }

    </script>
</head>
<body>

<br/>
<fieldset><legend>JavaScript</legend>
    <p>　<span class="f-w">文字描述</span>：<span class="red">JavaScript</span>一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。</p>
    <hr/>
    <p class="f-w">　组成部分</p>
    <p>　由<span class="red">ECMAScript</span>（核心语法库）和<span class="red">DOM</span>（文档对象模型）、<span class="red">BOM</span>（浏览器对象模型）组成</p>
    <p>　　<span class="red">ECMAScript</span>：任何一种语言都有核心语法库，描述了该语言的语法和基本对象。</p>
    <p>　　<span class="red">DOM</span>：通过文档对象模型可以控制页面上的任何一个节点元素。</p>
    <p>　　<span class="red">BOM</span>：描述与浏览器进行交互的方法和接口。</p>
    <hr/>
    <p class="f-w">　书写代码示例</p>
    <pre>
        &lt;script&gt;
        window.onload =function () {
            document.getElementById('btn').onclick = function () {
                alert('hello!')
            }
        }
        &lt;/script&gt;

        书写
        &lt;script language="JavaScript"&gt;&lt;/script&gt; 或者 &lt;script&gt;&lt;/script&gt;
    </pre>
    <p class="f-w">　代码效果</p>
    　　<button id="btn">运行</button>

</fieldset>

</body>
</html>